<script type='text/javascript' language='javascript'>
//VARS
var url_base = "<?php echo base_url(); ?>";

$(document).ready(function(){
    /** Filtra dados QUANTIDADE **/
    $(".filter_quant").change(function() {
        window.location = url_base + 'item/listar/' + $(this).val();
        return false;
    });

    /** Ampliar Imagem **/
    $('.imagem_item').lightBox({
        imageLoading: url_base + 'assets/img/lightbox-ico-loading.gif',
        imageBtnClose: url_base + 'assets/img/lightbox-btn-close.gif',
        imageBtnPrev: url_base + 'assets/img/prev.gif',
        imageBtnNext: url_base + 'assets/img/next.gif',
        imageBlank: url_base + 'assets/img/lightbox-blank.gif',
        containerResizeSpeed: 350,
        txtImage: 'Capa do item',
        txtOf: 'de'
    });

    /** Volta para o top da página **/
    $('.img_top').click(function(){
        scroll_to("#page-content");
    });
});

/**
 * Retorna do controller o item selecionado para visualização
 */
function get_item(codigo, tipo) {
    $("#loading-data").fadeIn();
    $.ajax({
        url: url_base + 'item/check_get_item_json',
        type:'POST',
        dataType: 'json',
        data: { codigo_item: codigo, tipo_item: tipo },
        success: function(data){
            $("#loading-data").fadeOut();
            $('#messege-alert').fadeOut();
            $("#data_view span").html('');
            
            var patch_img = ''; 
            var tipo_item = '';

            if(data.item.tipo.id == TIPO_BOOK) {
                tipo_item = 'livro';
                patch_img = 'media/upload/book/'; 
                
                $(".item_is, .item_titulo_original,.item_autor, .item_editora, .item_edicao, .item_total_paginas").show();
                $(".item_is").html('<strong>ISBN: </strong><span>' + data.item.livro.isbn + '</span>');
                $(".item_titulo_original").html('<strong>Título Original: </strong>' + data.item.livro.titulo_original + '<span></span>');
                $(".item_autor").html('<strong>Autor: </strong><span>' + data.autores + '</span>');
                $(".item_editora").html('<strong>Editora: </strong><span>' + '<a title="Buscar pela editora: ' + data.item.livro.editora.nome + '"href="' + url_base + 'item/buscar?search_term=' + data.item.livro.editora.nome + '">' + data.item.livro.editora.nome + '</a>' + '</span>');
                $(".item_edicao").html('<strong>Edição: </strong><span>' + data.item.livro.edicao + '</span>');
                $(".item_ano").html('<strong>Ano: </strong><span>' + data.item.livro.ano + '</span>');
                $(".item_total_paginas").html('<strong>Total de Páginas: </strong><span>' + data.item.livro.total_paginas + '</span>');
                
                $("#delete_item").html('Excluir livro');
                $(".movimentacao_header").html('Movimentação do livro | Empréstimos');
            }else if(data.item.tipo.id == TIPO_MAGAZINE) {
                tipo_item = 'magazine';
                patch_img = 'media/upload/magazine/'; 

                $(".item_is, .item_titulo_original,.item_autor, .item_editora, .item_edicao, .item_total_paginas").show();
                $(".item_is").html('<strong>ISSN: </strong><span>' + data.item.magazine.issn + '</span>');
                $(".item_titulo_original").hide();
                $(".item_autor").hide();
                $(".item_editora").html('<strong>Editora: </strong><span>' + '<a title="Buscar pela editora: ' + data.item.magazine.editora.nome + '"href="' + url_base + 'item/buscar?search_term=' + data.item.magazine.editora.nome + '">' + data.item.magazine.editora.nome + '</a>' + '</span>');
                $(".item_edicao").html('<strong>Edição: </strong><span>' + data.item.magazine.edicao + '</span>');
                $(".item_ano").html('<strong>Ano: </strong><span>' + data.item.magazine.ano + '</span>');
                $(".item_total_paginas").html('<strong>Total de Páginas: </strong><span>' + data.item.magazine.total_paginas + '</span>');
                
                $("#delete_item").html('Excluir magazine');
                $(".movimentacao_header").html('Movimentação da Magazine (revista, jornal...) | Empréstimos');                
            }else if(data.item.tipo.id == TIPO_MIDIA) {
                tipo_item = 'midia';
                patch_img = 'media/upload/media/'; 
                
                $(".item_is, .item_titulo_original,.item_autor, .item_editora, .item_edicao, .item_total_paginas").hide();
                $(".item_ano").html('<strong>Ano: </strong><span>' + data.item.midia.ano + '</span>');
                
                $("#delete_item").html('Excluir mídia');
                $(".movimentacao_header").html('Movimentação da Mídia (DVD, CD...) | Empréstimos');                
            }
            //Seta data result
            $('.item_imagem').attr({'href': url_base + patch_img + data.item.imagem});
            $('#delete_item').attr({'onclick': "delete_item('" + codigo + "'," + data.item.tipo.id + ")"});
            $('#edit_item').attr({'href': url_base + tipo_item + '/atualizar/' + codigo});
            $('.item_imagem_thumb').attr({'src': url_base + patch_img + data.item.imagem});
            $(".item_codigo").html(data.item.codigo);
            $(".item_titulo").html(data.item.titulo);
            $(".item_subtitulo").html(data.item.subtitulo);
            $(".item_categorias").html(data.categorias);
            //Monta o grid com os ultimos 5 emprestimos
            $('#grid_emprestimos tbody, #total-register span').html("");
            if(data.item.emprestimos.length >= 1){
                $('.datagrid_item_view').html(data.enquiries_table);
                $('#total-register').html(data.total_loan);
            }else{
                $('#total-register').html("");
                $('.datagrid_item_view').html('</h2>O item não possui empréstimos ainda...</h2>');
            }
            // FIM for dataGrid loan
            $(".item_idioma").html(data.item.idioma);
            $(".item_localizacao").html(data.item.localizacao);
            $(".item_descricao").html(data.item.descricao);
            //Status para emprestimo
            if(data.check_availability_item != null){
                $(".status_item").addClass('indisponible');
                $(".status_item").html('INDISPONÍVEL');
                $(".item_motivo").html(data.check_availability_item);
                $("#item_motivo").show();
            }else{
                $(".status_item").removeClass('indisponible');
                $(".status_item").html('DISPONÍVEL');
                $("#item_motivo").hide();
            }
            $(".item_total_estoque").html(data.item.movimentacao.total_estoque);
            $(".item_total_movimentacao").html(data.item.movimentacao.total_manipulacao);
            $(".item_total_disponivel").html(data.item.movimentacao.total_disponivel);
            $(".item_total_emprestado").html(data.total_loan);
            $(".item_total_visualizado").html(data.item.movimentacao.total_visualizado);
            $(".usuario_admin").html(data.item.admin.nome + ' ' + data.item.admin.sobrenome);
            $(".data_cadastro").html(data.item.data_cadastro);

            $("#item_view").fadeIn();
            scroll_to('#item_view');
        },
        error: function (data){ //Erro do back-end
            $("#loading-data").fadeOut();
            $("#item_view").fadeOut();
            $("#show-alert").html(erro_message());
            scroll_to("#page-content");
        }
    }); 
}

/*
 * Carrega os dados do item selecionada para remoção
 */   
function delete_item(codigo, tipo) {
    $("#loading-data").fadeIn();
    var url_get_item = '';

    if(tipo == TIPO_BOOK){
        url_get_item = url_base + 'livro/get_book_json';
    } else if(tipo == TIPO_MAGAZINE) {
        url_get_item = url_base + 'magazine/get_magazine';
    } else if(tipo == TIPO_MIDIA) {
        url_get_item = url_base + 'midia/get_media';
    }
                                    
    $.ajax({
        url: url_get_item,
        type:'POST',
        dataType: 'json',
        data: { codigo_item: codigo },
        success: function(data){
            $("#loading-data").fadeOut();
            $('#messege-alert').fadeOut();
            $("#form-insert").hide('slow');

            $("#codigoDelete").val(data.item.codigo);
            $("#nomeDelete").val(data.item.titulo);
            $("#imagemDelete").val(data.item.imagem);
            $("#itemTipo").val(data.item.tipo.id);

            open_dialog_delete(data);
        },
        error: function (data){ //Erro do back-end
            $("#loading-data").fadeOut();
            $("#form-insert").hide('slow');
            $("#show-alert").html(erro_message());
        }
    });
}

/*
 * DIALOG para confirmar remoção de item
 */
function open_dialog_delete(data) {
    $("#inforDel").html(message_delete_item(data.item.titulo));

    $(".dialog-excluir").dialog({
        height: 250,
        width: 500,
        resizable: false,
        draggable: true,
        modal: true,
        buttons: {
            'Sim': function() {
                $(this).dialog('close');
                $("#form-delete-item")[0].submit();
            },
            'Não': function() {
                $(this).dialog('close');
            }
        }
    });
}
</script>
<nav id="sub_menu_item">
    <?php include 'fixed/menu_item.php'; ?>
</nav> <!-- END of #sub_menu_item -->

<article >
    <div id="box-search_item">
        <form id="search" name="search" action="<?php echo site_url('item/buscar'); ?>">
            <input type="search" name="search_term" class="input_search" placeholder="Buscar item pelo código, título, autor, editora ou categoria"/>
            <a class="search_refresh_item" href="<?php echo site_url('item/listar'); ?>">
                <img title="Atualiza página descartando a busca" align="center" src="<?php echo site_url('assets/img/refresh.png'); ?>"/>
            </a>
        </form>        
    </div>

    <div id="filter_item">
        <i>Quantidade por página:</i>
        <form id="quant_list">
            <?php 
                echo form_dropdown('filter_quant', array(15 => '15', 30 => '30', 50 => '50', 70 => '70', 100 => '100'), isset($quant_list) ? $quant_list : '', 'class="filter_quant"'); 
            ?>
        </form>
    </div>
    <div id="box_item">
        <?php if (isset($itens)): foreach ($itens as $key => $item): 
            if($item->tipo->id == TOItem::TIPO_BOOK){
                $path_img = 'media/upload/book/';
                $tipo_name = 'livro';
            }elseif($item->tipo->id == TOItem::TIPO_MAGAZINE){
                $path_img = 'media/upload/magazine/';
                $tipo_name = 'magazine';
            }elseif($item->tipo->id == TOItem::TIPO_MIDIA){
                $path_img = 'media/upload/media/';
                $tipo_name = 'midia';
            }
        ?>
                <div class="item">
                    <div class="view view-first">
                        <img src="<?php echo site_url($path_img) . '/thumb/' . $item->imagem; ?>" height="230" width="160"/>
                        <div class="mask">
                            <div class="content_mask">
                                <h3><?php echo $this->DAOEmprestimo->check_availability_item($item, NULL) != NULL ? 'INDISPONÍVEL' : 'DISPONÍVEL'; ?></h3>
                                <p><?php echo $item->codigo; ?></p>
                                <?php 
                                    if ($item->tipo->id == TOItem::TIPO_BOOK) {
                                        echo "<p>{$item->livro->to_string_autores(TRUE)}</p>";
                                        echo "<p>{$item->livro->editora->to_string_editora(TRUE)}</p>";
                                    }elseif($item->tipo->id == TOItem::TIPO_MAGAZINE) {
                                        echo "<p>{$item->magazine->editora->to_string_editora(TRUE)}</p>";
                                    }else {
                                        echo "<p>{$item->idioma}</p>";
                                    }
                                ?>
                                <p class="txt_right"><?php echo $item->to_string_categories(TRUE); ?></p>
                            </div>
                            <div class="bar_action_item">
                                 <a class="imagem_item" title='Ampliar imagem' href="<?php echo site_url($path_img) . '/' . $item->imagem; ?>">
                                     <img src="<?php echo site_url('assets/img/ampli.png'); ?>"/>
                                 </a>
                                 <a title='Vizualizar dados' onclick="get_item('<?php echo $item->codigo; ?>', '<?php echo $item->tipo->id; ?>')">
                                     <img src="<?php echo site_url('assets/img/view_data.png'); ?>"/>
                                 </a>
                                 <a title='Editar registro' href="<?php echo site_url($tipo_name) . '/atualizar/'. $item->codigo; ?>">
                                     <img src="<?php echo site_url('assets/img/edit.png'); ?>"/>
                                 </a>
                                 <a title='Excluir registro' onclick="delete_item('<?php echo $item->codigo; ?>', '<?php echo $item->tipo->id; ?>')">
                                     <img src="<?php echo site_url('assets/img/delete.png'); ?>"/>
                                 </a>
                            </div> <!-- END of .bar_action_itemm -->
                        </div>
                    </div> 
                    <header>
                        <h2 class="pointer"><a onclick="get_item('<?php echo $item->codigo; ?>', '<?php echo $item->tipo->id; ?>')"><?php echo character_limiter($item->titulo, 25); ?></a></h2>
                    </header>
                </div>  
            <?php endforeach;
        endif; ?>
    </div> <!-- END of #box_item -->
</article>
    
<div id="paginacao" class="pagination_item">
    <ul class="pagination">
        <?php echo $pagination; ?>
    </ul>
</div>

<div id="total-register-item">
    Total: <?php echo $total_rows; ?>
</div>
            
<div id="new_item">
    <br />
    <a href="<?php echo site_url('livro/cadastrar'); ?>" class="button">Cadastrar Livro</a>&nbsp;
    <a href="<?php echo site_url('magazine/cadastrar'); ?>" class="button">Cadastrar Magazine (revista, jornal..)</a>&nbsp;
    <a href="<?php echo site_url('midia/cadastrar'); ?>" class="button">Cadastrar Mídia (CD, DVD..)</a>
</div>  

<div id="loading-data" class="loading_item">
    <img src="<?php echo site_url('assets/img/loading.gif'); ?>" width="220" height="20"/>
</div>

<section>
    <article>
        <div id="item_view">
            <nav id="bar_top">
                <a class="pointer" id="delete_item">Excluir livro</a>
                <a class="pointer" id="edit_item">Editar dados</a>
            </nav>
            <div id="data_view">
                <header>
                    <h2><span class="item_titulo"></span></h2>
                    <span class="item_subtitulo"></span>
                </header>
                <p class="item_view_imagem"><a href="" class="imagem_item item_imagem" title="Ampliar imagem"><img class="item_imagem_thumb" src="" width="210" height="310"/></a></p>
                <p><strong>Código: </strong><span class="item_codigo"></span></p>
                <p class="item_is"><strong>ISBN: </strong><span></span></p>
                <p><strong>Título: </strong><span class="item_titulo"></span></p>
                <p><strong>Subtítulo: </strong><span class="item_subtitulo"></span></p>
                <p class="item_titulo_original"><strong>Título Original: </strong><span></span></p>
                <br />
                <p class="item_autor"><strong>Autor: </strong><span></span></p>
                <p class="item_editora"><strong>Editora: </strong><span></span></p>
                <p><strong>Categoria(s): </strong><span class="item_categorias"></span></p>
                <br />
                <p class="item_edicao"><strong>Edição: </strong><span></span></p>
                <p class="item_ano"><strong>Ano: </strong><span></span></p>
                <p class="item_total_paginas"><strong>Total de Páginas: </strong><span></span></p>
                <p><strong>Idioma: </strong><span class="item_idioma"></span></p>
                <p><strong>Localização: </strong><span class="item_localizacao"></span></p>
                <br />
                <p><strong>Descrição/Sinopse: </strong><span class="item_descricao"></span></p>
                <br />
                <header><h3 class="movimentacao_header">Movimentação do livro | Empréstimos</h3></header>
                <p><strong>Disponibilidade para empréstimos: </strong><span class="status_item"></span></p>
                <p id="item_motivo"><span class="item_motivo"></span></p>
                <p><strong>Total em estoque: </strong><span class="item_total_estoque"></span></p>
                <p><strong>Total para movimentação: </strong><span class="item_total_movimentacao"></span></p>
                <p><strong>Total disponível para empréstimos: </strong><span class="item_total_disponivel"></span></p>
                <p><strong>Total de vezes emprestado: </strong><span class="item_total_emprestado"></span></p>
                <p><strong>Total de vezes visualizado: </strong><span class="item_total_visualizado"></span></p>
                <br />
                <div id="datagrid" class="datagrid_item_view"></div> <!-- END of #datagrid -->
                <br /><br /><br />
                <p><strong>Administrador que efetuou cadastro: </strong><span class="usuario_admin"></span></p>
                <p><strong>Data do cadastro: </strong><span class="data_cadastro"></span></p>
                <img class="img_top pointer" src="<?php echo site_url('assets/img/top.png'); ?>" width="32" height="32"/>
            </div>
        </div>
    </article>
</section>

<section id="form-delete">
    <div class="dialog-excluir">
        <h2>Atenção!</h2>
        <div id="inforDel"></div>
    </div>
    <form action="<?php echo site_url('item/excluir'); ?>" id="form-delete-item" method="post" accept-charset="utf-8">
        <input type="hidden" id="codigoDelete" name="codigoDelete"/>
        <input type="hidden" id="nomeDelete" name="nomeDelete"/>
        <input type="hidden" id="imagemDelete" name="imagemDelete"/>
        <input type="hidden" id="itemTipo" name="itemTipo"/>
    </form>
</section>